<template>
	<div>
		<div class="page_head">
			<h1>分区管理</h1>
			<span>分区名称</span>
			<input type="text"></input>
			<Button type="primary" id="search">查询</Button>
			<Button type="primary" id="search_all">查询所有</Button>
		</div>
		<Table :columns="columns1" :data="data1">
		</Table>
	</div>
</template>

<script>
	export default {
		data () {
			var value = false;
			return {
				value1: '1',
				value4: false,
				pStyle: {
					fontSize: '16px',
					color: 'rgba(0,0,0,0.85)',
					lineHeight: '24px',
					display: 'block',
					marginBottom: '16px'
				},
				columns1: [
					{
						title: '名称',
						key: 'name',
						render: (h, params) => {
							return h('div', [
								h('Icon', {
									props: {
										type: 'person'
									}
								}),
								h('strong', params.row.name)
							]);
						}
					},
					{
						title: '管理员',
						key: 'views'
					},
					{
						title: '操作',
						key: 'action',
						width: 300,
						align: 'center',
						render: (h, params) => {
							return h('div', [
								h('Button', {
									props: {
										type: 'error',
										size: 'small'
									},
									on: {
										click: () => {
											this.remove(params.index)
										}
									}
								}, '删除板块')
							]);
						}
					}
				],
				data1: [
					{
						name: '分区一',
						views: 'John Brown'
					},
					{
						name: '分区二',
						views: 'Jim Green'
					},
					{
						name: '分区三',
						views: 'Joe Black'
					}
				],
			}
		},
		methods: {
		
		},
	}
	
</script>

<style scoped>

</style>